<%--
  Created by IntelliJ IDEA.
  User: zhou
  Date: 2017/8/31
  Time: 14:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>项目</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/uniform.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/select2.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/matrix-style2.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/matrix-media.css" />
    <link href="<%=contextPath%>/static/font-awesome/css/font-awesome.css" rel="stylesheet" />

</head>
<style>
    .content-info{
        overflow: auto;
    }
    .content-info span{
        padding: 6px 0;
        float: left;
        width: 50%;
        display: block;
    }
    .td-btn{
        width: 150px;
    }
</style>
<body>

<div id="content">
    <div id="content-header">
        <h1>项目详情</h1>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="row-fluid">
                    <div class="span6">
                        <div class="widget-box">
                            <div class="widget-title">
                                <h5>武汉市金地天悦</h5>
                            </div>
                            <div class="widget-content">
                                <p>地址：武汉市榕园路37号</p>
                                <p>开始时间：2016年7月26日</p>
                                <p>地址：武汉市榕园路37号</p>
                                <br />
                                <br />
                            </div>
                        </div>
                    </div>
                    <div class="span6">
                        <div class="widget-box">
                            <div class="widget-title">
                                <h5>今日天气</h5>
                            </div>
                            <div class="widget-content content-info" id ="tianqi">
                                <span>天气：晴</span>
                                <span>湿度：27%</span>
                                <span>风速：2.5m/s</span>
                                <span>风向：东南</span>
                                <span>温度：27°</span>
                                <span>PM2.5：98</span>
                                <span>VOC：36</span>
                                <span>VOC：36</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span5">
                        <div class="span11">
                            <div class="widget-box">
                                <div class="widget-title">
                                    <h5>施工单位</h5>
                                    <button class="btn btn-info" style="float: right;margin: 3px 5px 0 0;">编辑</button>
                                </div>
                                <div class="widget-content">
                                    <p>中建十一局</p>
                                    <p>入场时间：2016年8月2日</p>
                                    <p>资质：高级</p>
                                </div>
                            </div>
                        </div>
                        <div class="span11" style="margin: 0;">
                            <div class="widget-box">
                                <div class="widget-title">
                                    <h5>监管单位</h5>
                                    <button class="btn btn-info" style="float: right;margin: 3px 5px 0 0;">编辑</button>
                                </div>
                                <div class="widget-content">
                                    <p>湖北省安鹏责任有限公司</p>
                                    <p>开始时间：2016年8月1日</p>
                                    <p>资质：高级</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span7">
                        <div class="widget-box">
                            <div class="widget-title"> <span class="icon"> <i class="icon-th"></i> </span>
                                <h5>人员列表</h5>
                                <button class="btn btn-info" style="float: right;margin: 3px 5px 0 0;">新增</button>
                            </div>
                            <div class="widget-content nopadding">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>姓名</th>
                                        <th>工种</th>
                                        <th>年龄</th>
                                        <th>身份证号</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>袁斌</td>
                                        <td>砖工</td>
                                        <td>31</td>
                                        <td>361026198401117307</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>王德</td>
                                        <td>水泥工</td>
                                        <td>42</td>
                                        <td>361026197506111730</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>李四</td>
                                        <td>水泥工</td>
                                        <td>47</td>
                                        <td>361026197003141117</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>张三</td>
                                        <td>砖工</td>
                                        <td>32</td>
                                        <td>361026198511173075</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td>张力</td>
                                        <td>砖工</td>
                                        <td>32</td>
                                        <td>361026198511193046</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    <tr>
                                        <td>6</td>
                                        <td>王强</td>
                                        <td>砖工</td>
                                        <td>33</td>
                                        <td>361026198610117307</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    <tr>
                                        <td>7</td>
                                        <td>李德</td>
                                        <td>砖工</td>
                                        <td>29</td>
                                        <td>361026198811273145</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    <tr>
                                        <td>8</td>
                                        <td>郭刚</td>
                                        <td>砖工</td>
                                        <td>32</td>
                                        <td>361026198502175831</td>
                                        <td class="td-btn"><button class="btn btn-info" style="margin-right: 10px;">编辑</button><button class="btn btn-danger">删除</button></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="<%=contextPath%>/static/js/jquery.min.js"></script>
<script src="<%=contextPath%>/static/js/jquery.ui.custom.js"></script>
<script src="<%=contextPath%>/static/js/bootstrap.min.js"></script>
<script src="<%=contextPath%>/static/js/jquery.uniform.js"></script>
<script src="<%=contextPath%>/static/js/select2.min.js"></script>
<script src="<%=contextPath%>/static/js/jquery.dataTables.min.js"></script>
<script src="<%=contextPath%>/static/js/matrix.js"></script>
<script src="<%=contextPath%>/static/js/matrix.tables.js"></script>

</body>
<script>
    $(function () {
        /*调用天气api*/
        $.ajax({
            type: 'POST',
            url: "http://api.yytianqi.com/forecast7d?city=123.113.202.176&key=v5p8t3am2vo8slrw",
            dataType:  "json",
            success:function(data){
                var tianqi = $("#tianqi");
                var contenxt = "<span>城市名称："+data.data.ctiyName+"</span>";
                contenxt+= "<span>天气现象："+data.data.tq+"</span>";
                contenxt+= "<span>当前气温："+data.data.qw+"</span>";
                contenxt+= "<span>当前风力："+data.data.fl+"</span>";
                tianqi.html(contenxt);
            }
        });
    });
</script>
</html>

